<!-- directive:title 代码自动化生产 产品 -->
<!-- directive:breadcrumb 自动化 -->
<div class="panel-body">
    <form class="yxf14 bigpadding" name="From">
        <b class="yxf14-title"> <i></i> 开卡表单 </b>
        <div class="yxf14-box">
            <label class="yxf14-label"> 用户名 </label>
            <div class="yxf14-control">
                <input type="text" placeholder="请输入用户名" style="width:200px;"
                    ng-model="frm.username" name="username"
                    ng-pattern="/^[0-9a-zA-Z\u4e00-\u9fa5]+$/" ng-maxlength="50" maxlength="51">
                <b class="note" ng-hide="(From.username.$dirty || From.submitted ) && From.username.$invalid">50位 不可使用特殊符号</b>
                <b ng-show="(From.username.$dirty || From.submitted ) && From.username.$invalid"> 不可使用特殊符号 </b>
            </div>
        </div>
        <div class="yxf14-box">
            <label class="yxf14-label"> 账号 </label>
            <div class="yxf14-control">
                <input type="text" placeholder="请输入账号" style="width:200px;"
                    ng-model="frm.account" name="account"
                    ng-pattern="/^[0-9a-zA-Z_-]+$/" ng-maxlength="20" maxlength="21">
                <b class="note" ng-hide="(From.account.$dirty || From.submitted ) && From.account.$invalid">20位 不可使用中文以及特殊符号</b>
                <b ng-show="(From.account.$dirty || From.submitted ) && From.account.$invalid"> 不可使用中文以及特殊符号 </b>
            </div>
        </div>
        <div class="yxf14-box">
            <label class="yxf14-label"> 中奖概率 </label>
            <div class="yxf14-control">
                <input type="text" placeholder="请输入中奖概率" style="width:200px;"
                    ng-model="frm.rote" name="rote"
                    ui-validate="{error1: 'Rule.isNumFixed012($value)', error2: '$value>=0&&$value<=100'}" ng-maxlength="10" maxlength="11">
                <b class="note" ng-hide="(From.rote.$dirty || From.submitted ) && From.rote.$invalid">10位 整数0-100或保留12位小数</b>
                <b ng-show="(From.rote.$dirty || From.submitted ) && From.rote.$invalid"> 整数0-100或保留12位小数 </b>
            </div>
            <div class="yxf14-control">
                <b class="note">我不知道为啥还要整一个这个</b>
            </div>
        </div>
        <div class="yxf14-box">
            <label class="yxf14-label must"> 中奖日期 </label>
            <div class="yxf14-control">
                <input type="text" placeholder="请选择日期" style="width:200px;"
                    ng-model="frm.lotteryDate" name="lotteryDate"
                    datetime-picker config="{format: 'yyyy-mm-dd', minView:'month'}"
                    ng-required="true" >
                <b ng-show="(From.lotteryDate.$dirty || From.submitted ) && From.lotteryDate.$invalid"> 必填项 </b>
            </div>
        </div>
        <!-- 提交 -->
        <div class="yxf14-box">
            <div class="yxf14-control">
                <button type="button" class="btn btn-danger" ng-click="submitFun($event)">提交表单</button>
                <button type="button" class="btn btn-grey" ng-click="cancelFun()">取消</button>
            </div>
        </div>
    </form>
</div>